<template>
	<div style="overflow: hidden;">
		<div class="main_header"><span></span><span>人像截取列表</span>
			<div style="margin-right: 1.25rem;height: 30px;cursor: pointer;"></div>
		</div>
		<div style="margin-left: 2.625rem;">
			<el-descriptions :title="name" v-for="(Item,index) in ExamFaceList" :key="index">
				<el-descriptions-item label="截取人脸">
					<el-image style="width: 200px; height: 150px" :src="Item.facePath">
					</el-image>
				</el-descriptions-item>
				<el-descriptions-item label="截取时间">{{Item.cutTime}}</el-descriptions-item>
				<el-descriptions-item label="人脸对比结果">
					<el-tag type="success" v-show="Item.result==1">正常</el-tag>
					<el-tag type="danger" v-show="Item.result==0">异常</el-tag>
				</el-descriptions-item>
			</el-descriptions>
		</div>

	</div>
</template>

<script>
	import {
		HttpManager
	} from "../../../../../request/Teacher.js"
	export default {
		data() {
			return {
				id: this.$route.query.id,
				examId: this.$route.query.examId,
				name:this.$route.query.name,
				ExamFaceList: []
			}
		},
		methods: {
			getExamFace() {
				var parmas = {
					examId: this.examId,
					userId: this.id
				}
				HttpManager.getExamFace(parmas).then(e => {
					console.log(e);
					this.ExamFaceList = e.data.data;
				})
			}
		},
		created() {
			this.getExamFace();
		}
	}
</script>

<style scoped="scoped">
	.main_header {
		text-align: center;
		background-color: #03d3bd;
		height: 2.875rem;
		line-height: 2.875rem;
		color: white;
		display: flex;
		justify-content: space-between;
		/* 	position: fixed;
		top: 0; */
		width: 100%;
	}

	.main {
		background-color: #ffffff;
		min-height: 100vh;
		margin-top: 2rem;
		width: 80%;
		margin-left: 10%;
		border-radius: 0.3125rem;
	}
</style>
